.ylb-component-rollpad{

    border-radius:4px;
    // .transition(height 0.3s);
    
    margin: 20px 15px;
    background:#ffffff;
    box-shadow:0px 2px 12px 0px rgba(0,0,0,0.20);
    text-align: center;

    .panel{
        position: absolute;
        background-color: #f0f0f0;

    }

    .title{
        opacity:0.5;
        font-size:12px;
        color:#000000;
        letter-spacing:0px;
        text-align:center;
        padding-top: 18px;
        padding-bottom: 10px;
    }

    .body{
        margin: auto;
        position: relative;
        padding-bottom: 20px;
        opacity: 1;
        // .transition(all 0.5s);
    }

    .body-enter{
        opacity: 0;
    }


    .panel:last-child::after{
        display: none !important;
    }

    .panel:nth-last-child(3n+1)::after{
        content: ',';
        font-size: 14/37.5rem;
        display: block;
        position: absolute;
        margin: 14px 0 0 28px;
    }

    canvas{
        position: absolute;
        z-index: 1;
        left:0;
    }

}

